<template>
  <div>
    <VueTable v-bind:tableConfig='tableConfig' ></VueTable>
    
  </div>
</template>

<script>
	
import VueTable from './components/table.vue'	

export default {
  data () {
    return {
      msg: 's',
      apiUrl:'',
      tableConfig:{
      	header:[
      		{ column:'name',text:'姓名' },
      		{ column:'age',text:'年龄' },
      		{ column:'address',text:'山东' },
      		{ column:'sex',text:'性别' }
      	],
      	apiUrl:'http://localhost:3000/posts',
      	pageIng:true,
      	limit:5
      	
      	
      }
      
  	}
	},
	
	methods: {
	
	},
	
	components: {
		VueTable
	
	}
}</script>

<style>
	
	ul>li{
		float: left;
		list-style: none;
		padding: 10px;
		
	}
	ul>li.active{
		color: #ccc;
		
	}



</style>
